<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
	<title>Sewise Player</title>
	<link rel="stylesheet" href="../auto_guide.css" />
	<script type="text/javascript" src="sewise.player.min.js"></script>
	<script src="jquery-2.1.4.js"></script>
</head>
<body class="index-wrap live" >
	<div id="player">

		<script type="text/javascript">
			SewisePlayer.setup({
				server: "vod",
				type: "m3u8",
				autostart: "true",
				poster: "http://jackzhang1204.github.io/materials/poster.png",
				videourl: "http://192.168.0.148:8080/hls/let/index.m3u8",
//		        skin: "vodWhite",
		        title: "Live M3U8",
		        claritybutton: "disable",
		        lang: "zh_CN"
			}, "player");
		</script>

	</div>
	  <div class="liveMainContent">
            <!--在线人数定位-->
            <div class="liveNumber_fixed">
                <p class="liveNumber">
                    <span>2014</span>人观看
                </p>
            </div>
            <p class="OB_btn">
            </p>


            <!--内容定位-->
            <div class="contain_fixed btn_fixed">
                <div class="M_P">
                    <div class="head">
                        <p><img src="../assets/images/u-logo.jpg" alt=""/></p>
                        <ul>
                            <li>小兵张嘎</li>
                            <li>进入直播间</li>
                        </ul>
                    </div>
                </div>
                <div class="chatContent">
                    <p><span>小兵张嘎：</span>好贵！好贵！好贵！</p>
                    <p><span>张嘎他爹：</span>好贵！好贵！好贵！好贵！好贵！好贵！ 好贵！好贵！好贵！好贵！好贵！</p>
                    <p><span>小兵张嘎：</span>好贵！好贵！好贵！</p>
                    <p><span>张嘎他爹：</span>好贵！好贵！好贵！好贵！好贵！好贵！ 好贵！好贵！好贵！好贵！好贵！</p>
                    <p><span>小兵张嘎：</span>好贵！好贵！好贵！</p>
                    <p><span>张嘎他爹：</span>好贵！好贵！好贵！好贵！好贵！好贵！ 好贵！好贵！好贵！好贵！好贵！</p>
                </div>
                <form action="">
                    <input class="text" type="text" placeholder="聊天点击这里...">
                    <button class="button">发送</button>
                </form>
            </div>
        </div>
	<script>
		   $(document).ready(function(){
//        视频高度自适应
        	$('#player').css('height',window.screen.height);  
    	});
    	$('video').attr('x5-video-player-type','h5')
	</script>
</body>
</html>


